<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Registration - Comics.US</title>
<link rel="stylesheet" href="template.css" type="text/css" />


</head>
<body>
<div id="outer_container">
  <div id="inner_container">
    <div id="header_wrapper">
      <h1> Comics-US
          
      </h1>

      <div id="login">
        <form id="form1" name="form1" method="post" action="">
          <label>ID:
            <input type="text" name="textfield" id="textfield" width="60px" />
          </label>
          <label>Password
            <input type="text" name="textfield2" id="textfield2" width="60px" />
            <input type="checkbox" name="checkbox" id="checkbox" />
          Remember?</label>
          <label>
            <input type="submit" name="button" id="button" value="Login" width="15px"/>
          </label>
           <label>
            <input type="submit" name="button" id="button" value="Register" width="15px" />
          </label>
        </form>
      </div>  
    </div>
    <div id="navigator_container">
		<div id="navigator"><a href="../home/home_page.html" id="gl1" class="glink"> Home  |   </a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);"> Comics  |   </a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);"> Fictions  |   </a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem3);"> Gallery  |   </a><a href="../clan/clan.html" id="gl5" class="glink" onmouseover="ehandler(event,menuitem3);"> Clans  |   </a><a href="../profile/profile page.html" id="gl6" class="glink" onmouseover="ehandler(event,menuitem3);"> Profile </a></div>
      
      <div id="search_container">
        <form id="form2" name="form2" method="post" action="">
          <label>
            <input type="text" name="textfield3" id="textfield3" />
          </label>
                     <label>
            <input type="submit" name="button" id="button" value="Search" width="15px" />
          </label>
        </form>
      </div>
    </div>
    <div id="listing_header_container">
      <p>Breadcrumb (remain the same for all pages)</p>
    </div>
    <div id="doc2">
      
    <div id="registration_area">
    
           <p> <table width="300" border="1">
          <tr>
             <td>Nickname:</td>
             <td><input type="text" name="textfield4" /></td>
           </tr>
           <tr>
             <td>Password:</td>
             <td><input type="text" name="textfield5" /></td>
           </tr>
           <tr>
             <td>Re-enter password:</td>
             <td><input type="text" name="textfield7" /></td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
           </tr>
         </table> </p>
      <form name="form3" id="form3" method="post" action="">
        <p>&nbsp;</p>

         <p>
           <input type="submit" name="Submit2" value="Choose picture" />
          </p>
         <p>
           <input type="submit" name="Submit" value="Join now" />
</p>
         <p>&nbsp;</p>
        </form>
       <p>&nbsp;</p>
    </div>
    </div>
    <div id="footer_container">footer_container
    </div>
  </div>
</div>
</body>
</html>

